<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- 引入样式 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
	<!-- 引入组件 -->
	<!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vant@1.6/lib/vant.min.js"></script>-->
	<script type="text/javascript" src="js/vue.min.js" ></script>
	<script type="text/javascript" src="js/vant.min.js" ></script>
	<script src="html5plus://ready"></script> 
	<script type="text/javascript" src="js/fanhui.js" ></script>
	<title></title>
</head> 
<body>
	 <div id="app">
			 <van-tabbar v-model="active" v-show="isShow" @change="tabChange">
			  <van-tabbar-item icon="shop-o">首页</van-tabbar-item>
			  <van-tabbar-item icon="apps-o">分类</van-tabbar-item>
		    <van-tabbar-item icon="shopping-cart-o">购物车</van-tabbar-item>
			  <van-tabbar-item icon="contact">个人中心</van-tabbar-item>
			</van-tabbar>  
	</div>
	<script>
		var vm=new Vue({     
			el:'#app',
			data:{
				value:"",
				views:[
					{name:"home",url:"views/home/home.html"},
					{name:"classify",url:"views/search/searchs.html"},
					{name:"shopping",url:"views/friends/Mycar.html"},
					{name:"personal",url:"views/setting/My center.html"},					
				],
			 	active:0,
				isShow:true
			},
			methods:{				
				tabChange:function(){  
					plus.webview.show(this.views[this.active].name)
				}
			},
			  mounted:function(){
				_this=this;
				window.addEventListener("resize",function(){
					_this.isShow = !_this.isShow;
				})
				var rootWV=plus.webview.currentWebview();  
				for(var i=0;i<this.views.length;i++){
					var tempWebView=plus.webview.create(this.views[i].url,this.views[i].name,{
						top:"0px",
						bottom:"50px",
						zindex:1,
						scrollIndicator:'none',					
					})
					rootWV.append(tempWebView);
				}
				plus.webview.show(this.views[0].name);
			}
		})
	 </script>
</body>
</html>